<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
		<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
		<script	src="https://cdn.staticfile.org/popper.js/1.16.0/umd/popper.min.js"></script>
		<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
		<script	src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
		<!-- DaterangePicker -->
		<link rel="stylesheet" type="text/css" media="all" href="./daterangepicker/daterangepicker.css" />
		<!-- BootStrapValidator -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css">
		<script type="text/javascript" src="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>
		<script type="text/javascript">
		</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>歌手详情</title>
    <link rel="stylesheet" th:href="@{/css/stylexg.css}">
</head>

<body>
<div th:replace="header :: html"></div>
    <div class="top">
        <div class="top-left">
      
         	<div class="img1 row">
         	<div> </div>
         	</br>
         	</br>
         	<div class="flex-column col-sm-2">
         	</br>
         	</br>
         	<div>
         	 <h3 class="h3" style="color:black;font-size:30px;"><b> &nbsp;&nbsp;&nbsp;&nbsp;设置</b></h3>
         	</div>
            <div class="">
           
<ul class="nav flex-column">
  <li class="nav-item">
    <a class="nav-link active" href="#">&nbsp;&nbsp;个人信息</a>
  </li>
 
</ul>
            </div>
           
        </div>
         <div class="col-md-10 flex-column">
            <div>
            </br>
            </br>
         	 <h3 class="h3" style="color:black;font-size:30px;"><b> &nbsp;&nbsp;&nbsp;&nbsp;修改歌手信息</b></h3>
         	</div>
         	<hr>
         	
         			        			<div class="flex-column w-100">
		        				<form class="form" id="regForm" th:method="post" th:action="@{/singer/updateSinger}">
		        					<input type="hidden" name="singer_id" th:value="${singer.singer_id}">
		        					<div class="modal-body">
		        						<div class="form-group row">
		        							<div class="col-md-4">
		        								<label for="singer_name">歌手名</label>
		        							</div>
		        							<div class="col-md-6">
		        								<input type="text" id="singer_name" name="singer_name" th:value="${singer.singer_name}"
		        									class="form-control input-sm" placeholder="歌手名" required /> <span
		        									id="result"></span>
		        							</div>
		        						</div>
										
										<div class="form-group row">
											<div class="col-md-4">
												<label for="singer.singer_type">歌手类型</label>
											</div>
											<div class="col-md-6">
												<div class="form-check form-check-inline">
													<input type="radio" class="form-check-input" name="singer_type"
														th:value="${singer.singer_type}" checked> <label class="form-check-label"
														for="singer_type">华语</label>
												</div>
												<div class="form-check form-check-inline">
													<input type="radio" class="form-check-input" name="singer_type"
														value="${singer.singer_type}"> <label class="form-check-label"
														for="singer_type">欧美</label>
												</div>
											</div>
										</div>
		        						
		        
		        						
		        
		        			
		        
		        						
		        
		        						
		        
		        						
		        
		        					</div>
		        					<button type="submit">提交</button>
		        					</form>
		        					</div>
		      </div>
		      
		     
            </div>
        </div>
    </div>
 
    
</body>

</html>